/*
 * @Author: Await
 * @Date: 2025-05-10 16:20:00
 * @LastEditors: Await
 * @LastEditTime: 2025-05-10 16:20:00
 * @Description: 默认主题配置
 */

import { ThemeConfig } from '../../../../types/chartTypes';

// 默认主题配置
const defaultTheme: ThemeConfig = {
  themeName: '默认主题',
  color: [
    '#5470c6',
    '#91cc75',
    '#fac858',
    '#ee6666', 
    '#73c0de',
    '#3ba272',
    '#fc8452',
    '#9a60b4', 
    '#ea7ccc'
  ],
  backgroundColor: '#ffffff',
  textStyle: {
    color: '#333333',
    fontSize: 12
  },
  title: {
    textStyle: {
      color: '#333333',
      fontSize: 18,
      fontWeight: 'bolder'
    },
    subtextStyle: {
      color: '#aaaaaa',
      fontSize: 12
    }
  },
  legend: {
    textStyle: {
      color: '#333333'
    }
  },
  visualMap: {
    continuous: {
      inRange: {
        color: ['#50a3ba', '#eac736', '#d94e5d']
      }
    }
  },
  axis: {
    axisLine: {
      lineStyle: {
        color: '#cccccc'
      }
    },
    axisTick: {
      lineStyle: {
        color: '#cccccc'
      }
    },
    axisLabel: {
      color: '#333333'
    },
    splitLine: {
      lineStyle: {
        color: ['#eeeeee']
      }
    },
    splitArea: {
      areaStyle: {
        color: ['rgba(250,250,250,0.05)', 'rgba(200,200,200,0.02)']
      }
    }
  },
  timeline: {
    lineStyle: {
      color: '#cccccc',
      width: 1
    },
    itemStyle: {
      color: '#5470c6',
      borderWidth: 1
    },
    controlStyle: {
      color: '#5470c6',
      borderColor: '#5470c6',
      borderWidth: 0.5
    },
    label: {
      color: '#333333'
    },
    emphasis: {
      itemStyle: {
        color: '#333333'
      },
      controlStyle: {
        color: '#5470c6',
        borderColor: '#5470c6',
        borderWidth: 0.5
      },
      label: {
        color: '#333333'
      }
    }
  },
  line: {
    symbol: 'emptyCircle',
    symbolSize: 4,
    smooth: false,
    lineStyle: {
      width: 2,
      type: 'solid'
    }
  },
  bar: {
    barWidth: '40%',
    barGap: '30%',
    itemStyle: {
      barBorderWidth: 0,
      barBorderRadius: 0
    }
  },
  pie: {
    borderWidth: 1,
    borderRadius: 0,
    label: {
      color: '#333333'
    }
  },
  scatter: {
    symbol: 'circle',
    symbolSize: 10,
  },
  graph: {
    symbolSize: 10,
    lineStyle: {
      color: '#aaa',
      width: 1,
      curveness: 0.3
    },
    itemStyle: {
      borderWidth: 1.5
    },
    label: {
      color: '#333'
    }
  },
  radar: {
    symbolSize: 4,
    lineStyle: {
      width: 2
    },
    areaStyle: {
      opacity: 0.2
    }
  }
};

export default defaultTheme;